<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<style>
    table{
        margin: auto;
        text-align: center;
    }
    td{
        border-collapse: collapse;
    }
</style>
<body>
    <script>
        let students = [
{name: '小明', age: 18, gender: '男', hometown: '河北省'},
 {name: '小红', age: 19, gender: '女', hometown: '河南省'},
 {name: '小刚', age: 17, gender: '男', hometown: ' 山西省'},
 {name: '小丽', age: 18, gender: '女', hometown: ' 山东省'}  ]
 for(let i=0;i<students.length;i++){
 console.log(students[i])
 
 
   
    document.write(`
 <table border="1">
        <tr>
            <th>序号</th>
            <th>姓名</th>
            <th>年龄</th>
            <th>性别</th>
            <th>家乡</th>
        </tr>
        <tr>
            <td>${i+1}</td>
            <td>${students[i].name}</td>
            <td>${students[i].age}</td>
            <td>${students[i].gender}</td>
              <td>${students[i].hometown}</td>
        </tr>
       
    </table>
`)
}
//  console.log(Math.random())
//  console.log(Math.ceil(2.7))
//  console.log(Math.floor(2.8))
//  console.log(Math.max(4,85,15,76,24))
 let arr =['赵云','黄忠','关羽','马超','刘备','曹操']
 let i =Math.floor(Math.random()*(6+1))+1
 console.log(arr[i])
    </script>
   
    
</body>
</html>